$(function () {
  // 点击“去登录”的链接
  $("#link_reg").on("click", function () {
    $(".login-box").hide();
    $(".reg-box").show();
  });
  // 点击“去注册账号”的链接
  $("#link_login").on("click", function () {
    $(".login-box").show();
    $(".reg-box").hide();
  });
});
// 表单验证  区域
//也可 var form = layui.form

layui.form.verify({
  // 自定义了一个叫做 pwd 校验规则
  pwd: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"],
  repwd: function (value) {
    // 通过形参拿到的是确认密码框中的内容
    // 还需要拿到密码框中的内容
    // 然后进行一次等于的判断
    // 如果判断失败,则return一个提示消息即可
    var pwd = $(".reg-box [name=password]").val();
    if (pwd !== value) {
      return "两次密码不一致！";
    }
  },
});
/**
 * 1. 需要给注册的表单添加submit事件
 * 2. 阻止表单的默认行为
 * 3. 获取到输入框里面的内容
 * 4. 参考接口文档 关注接口地址与请求方式
 * 5. 发送ajax
 * 6. 接收服务器响应回来的数据 看看是否注册成功 注册失败需要提示用户
 * 7. 注册成功 模拟去登录a标签的点击事件
 * 8. 跳转到后台首页
 * //1.需要给登录的表单添加 submit 事件
 */
$("#reg_form").on("submit", function (e) {
  e.preventDefault();
  //获取到输入框里面的内容
  const data = $(this).serialize();
  $.post("/api/reguser", data, (res) => {
    const { status, message } = res;
    if (status !== 0) return layui.layer.msg(message);
    layui.layer.msg("注册成功");
    // 模拟人的点击行为
    $("#link_reg").click();
  });
});
$("#login-form").on("submit", function (e) {

  e.preventDefault();
  const data = $(this).serialize();
  $.ajax({
    type: "post",
    url: "/api/login",
    data,
    success: (res) => {
      console.log(res);
      //看看是否登陆成功  登录失败需要提示用户
      //将对象里面的数据解析出来
      const { status, message, token } = res;
      if (status !== 0) return layui.layer.meg(message);
      //需要将服务器响应回来的token保存到本地储存中
      sessionStorage.setItem("token", token);
      //跳转到后台首页
      location.href = "/index.html";
    },
  });
});
